#menu { position: fixed; right: 20px; top: 40%; z-index: 10; list-style-type: none; }
#menu li { width: 90px; height: 27px; margin-top: 7px; overflow: hidden;}
#menu a { display: block; height: 27px; padding-right: 30px; line-height: 27px; background: url(../images/dot.png) right -34px no-repeat; color: #fff; text-align: right; text-shadow: 1px 1px 0px #333; text-decoration: none; overflow: hidden;}
#menu span { display: block; width: 60px; height: 27px; font-size: 12px; text-indent: 200px; opacity: 0.6; filter:alpha(opacity=60); overflow: hidden;}
#menu a:hover span { text-indent: 0;}
#menu .active a { background-position: right 0;}

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.middle { position: relative; width: 1000px; height: 100%; margin-left: auto; margin-right: auto;}

.section1 { background: url(../images/bg1.png) 0 50% repeat-x; }
.section1 p.slogn { margin: 0 auto; font-size: 22px; text-align: center; width: 571px; height:30px; text-indent: -9999em; background: url(../images/section1_txt1.png) no-repeat 0 0; }

/* .section2 { background: url(../images/bg_02.png) 0 50% repeat-x;} */
.section2{ background: url(../images/bg_002.png) 0 100% repeat-x;}

.section3 { background: url(../images/bg3.png) 0 50% repeat-x;}


.section4 { background: url(../images/bg_4.png) 0 50% repeat-x;}

.section5 { background: #fff url(../images/bg5.png) 0 50% repeat-x;}

.product-box { color:#fff; position: relative; top: 80px; }

.product-box h4 { margin-top: 20px; font-family: "microsoft yahei","Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif }
.product-box .product-list { width: 520px; text-align: left; font-size:14px; padding: 15px; }

.ig01 {width:70%;height:10%; padding-top:40%; background: url(../images/ig_01.png) 0 50% repeat-x;}
.bg21 { position: absolute; left: 50%; bottom: 0; width: 892px; height: 472px; margin-left: -396px; margin-bottom: 80px; background-image: url(../images/bg21.png); opacity: 0; transition: all 1s;}
.bg22 { position: absolute; left: 50%; bottom: 0; width: 892px; height: 472px; margin-left: -396px; background: url(../images/bg22.png) 470px bottom no-repeat; opacity: 0; transition: all 1s;}
.bg23 { position: absolute; left: 50%; bottom: 0; width: 441px; height: 380px; margin-left: 50%; background: url(../images/bg23.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.bg101 { position: absolute; width: 100%; height: 100%; top:0; background: url(../images/bg101.png) 50% 20% no-repeat;}

.bg41 { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;}
.bg41 img { position: absolute; left: 0; bottom: 0; width: 100%; height: 251px;}
.bg42 {width: 100%; height: 6%; background: url(../images/icon_01.png) 13% 0 no-repeat,url(../images/icon_02.png) 54% 0 no-repeat; }
.bg43 { width: 100%; height: 6%; background: url(../images/icon_03.png) 13% 0 no-repeat,url(../images/icon_04.png) 54% 0 no-repeat; }
.bg44 {margin-left:13%; width: 100%; height: 2%; background: url(../images/bg_44.png) 0 no-repeat; }
.bg45 { margin-left:13%; width: 100%; height: 4%; background: url(../images/icon_17.png) 0 no-repeat,url(../images/font_03.png) 4% no-repeat;}
.bg46 {margin-bottom:15%; margin-left:13%; width: 100%; height: 30%; background: url(../images/map_01.png) 0 no-repeat}
.bg47 { margin-left:40%;width: 100%; height: 100%; background: url(../images/map_02.png) 0 no-repeat}

.active .bg21, 
.active .bg22 { opacity: 1; transition-delay: 1s;}
.active .bg23 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}



.action { padding-top: 60px; }
.home-btn {border-radius: 4px; background: #fff; border-bottom: 1px solid #eee; border-right: 1px solid #eee; font-size: 14px; padding: 10px 30px; margin: 0 15px; }
.home-btn:hover { text-decoration: none; }

.logo { position: relative; top: -30px; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; }

.scroll-track { border-radius: 5px; opacity: 1; width: 8px; }
.scroll-bar { border-radius: 5px; background-color: #999; background:#999; }

@-webkit-keyframes fadeIn {
	0% { opacity: 0; top: 0;}
	100% { opacity: 1; top: -30px;}
}
@keyframes fadeIn {
	0% { opacity: 0; top: 0;}
	100% { opacity: 1; top: -30px;}
}


.godown { *display: none; position: absolute; left: 50%; bottom: 20px; z-index: 100; width: 50px; height: 53px; margin-left: -25px;}
.godown span { display: block; width: 50px; height: 53px; background-image: url(../images/godown.png);}

.link { position: absolute; height: 52px; text-indent: -9999px; overflow: hidden;}
.a1-1 { width: 202px; left: 45px; bottom: 63px;}
.a2-1 { width: 268px; left: 20px; bottom: 237px;}
.a2-2 { width: 270px; left: 78px; bottom: 158px;}
.a3-1 { width: 268px; left: 20px; bottom: 10px;}
.a3-2 { width: 270px; right: 22px; bottom: 10px;}
.a4-1 { width: 268px; left: 20px; bottom: 10px;}
.a4-2 { width: 270px; right: 18px; bottom: 10px;}
.a5-1 { width: 268px; left: 20px; bottom: 10px;}
.a5-2 { width: 270px; right: 20px; bottom: 10px;}

.modal-dialog .modal-content{ border:3px solid #999; border-radius: 6px; }

.dialog-form { padding: 30px 15px; }
.dialog-form .action { padding-top: 15px; }
.dialog-form input { border: none; border-bottom: 1px solid #eee; }
.dialog-form .input-label { margin-bottom: 30px; }
.dialog-form .btn { border-radius: 3px; }
.dialog-form .form-group { margin-top: 20px; }
.dialog-form .form-group label { margin-top: 3px; }

.dialog-form .help-block { position: absolute; top:30px; left:0; font-size:12px; background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; padding:3px 10px; }
  #reg_form.dialog-form .help-block { left: 10px; }

  .radio-input-box { border-bottom: 1px dashed #ccc; padding-bottom: 30px; margin-top: -20px; }
  .radio-input-box .lbl { cursor: pointer; }
